<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>GalaxyVenus V1.0.0</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" th:href="@{/favicon.ico}">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/frame/font-awesome/css/font-awesome.min.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/frame/css/app.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/frame/css/themes/default.css}" media="all" id="skin" kit-skin/>
</head>
<body class="kit-theme">
<div class="layui-layout layui-layout-admin kit-layout-admin">
    <!--头部-->
    <div class="layui-header">
        <div class="layui-logo">维纳斯Venus管理系统 V1.0.0</div>
        <div class="layui-logo kit-logo-mobile"></div>
        <ul class="layui-nav layui-layout-right kit-nav">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <i class="layui-icon">&#xe63f;</i> 皮肤</a>
                </a>
                <dl class="layui-nav-child skin">
                    <dd><a href="javascript:;" data-skin="default" style="color:#393D49;"><i
                            class="layui-icon">&#xe658;</i> 默认</a></dd>
                    <dd><a href="javascript:;" data-skin="orange" style="color:#ff6700;"><i
                            class="layui-icon">&#xe658;</i> 橘子橙</a></dd>
                    <dd><a href="javascript:;" data-skin="green" style="color:#00a65a;"><i
                            class="layui-icon">&#xe658;</i> 春天绿</a></dd>
                    <dd><a href="javascript:;" data-skin="pink" style="color:#FA6086;"><i
                            class="layui-icon">&#xe658;</i> 少女粉</a></dd>
                    <dd><a href="javascript:;" data-skin="blue.1" style="color:#00c0ef;"><i
                            class="layui-icon">&#xe658;</i> 天空蓝</a></dd>
                    <dd><a href="javascript:;" data-skin="red" style="color:#dd4b39;"><i class="layui-icon">&#xe658;</i>
                        枫叶红</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">
                    [[${user.userName}]]
                </a>
            </li>
            <li class="layui-nav-item"><a th:href="@{/logout}"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
            </li>
        </ul>
    </div>
    <!--侧边栏-->
    <div class="layui-side layui-nav-tree layui-bg-black kit-side">
        <div class="layui-side-scroll">
            <div class="kit-side-fold">
                <i class="fa fa-navicon" aria-hidden="true"></i>
            </div>
            <ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
                <!--一级菜单-->
                <li th:each="menu : ${menus}" class="layui-nav-item">
                    <a href="javascript:;">
                        <i aria-hidden="true" th:class="${menu.icon}"></i><span>&nbsp;[[${menu.menuName}]]</span></a>
                    <!--二级菜单-->
                    <dl th:each="cmenu : ${menu.children}" class="layui-nav-child">
                        <dd th:if="${#lists.isEmpty(cmenu.children)}">
                            <a href="javascript:;" kit-target th:data-options="|{url:'${cmenu.url}',icon:'${cmenu.icon}',title:'${cmenu.menuName}',id:'${cmenu.menuId}'}|"
                               th:id="${cmenu.menuId}">
                            <i th:class="${cmenu.icon}"></i><span>&nbsp;[[${cmenu.menuName}]]</span></a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!--主体-->
    <div class="layui-body" id="container">
        <div style="padding: 15px;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop">&#xe63e;</i>
            请稍等...
        </div>
    </div>

    <!--页脚-->
    <div class="layui-footer">
        &copy; FANLING [[${copyrightYear}]] 版权所有 | FANL-GALAXY-VENUS
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/frame/js/index.js}"></script>
</body>
</html>